<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>关于我们</title>
    <link href="css/ui.css" rel="stylesheet"/>
    <link href="css/framework.css" rel="stylesheet"/>
    <link href="css/AboutUs.css" rel="stylesheet"/>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
</head>
<body>
<div id="header" style="height:50px;">
    <img id="imgLogo" style="margin-left: 10px;margin-top:10px;" src="images/bookstore_logo.png"/>
    <div id="navbar" align="right">
        <input id="btnBack" class="navbar_item" style="margin-top:5px;" type="button" value="Back" />
    </div>
    <script>
    		$('#btnBack').click(function (){
    			window.location.href="customer.jsp";
    		});
    </script>
</div>
<div id="main">
    <div id="about-us-page">
        <div id="about-us-header">
           <h1>关于我们</h1>
        </div>
        <div id="about-us-content">
            <p>由Qweas小队制作的形容词形容词形容词网上书店</p>
            <div id="about-us-menber">
                <div class="about-us-detail">
                    <img class="detail-image"src="images/Andrew.jpg">
                    <div class="detail-message">
                        <h3>鲁靖晟</h3>
                        <p>后端</p>
                    </div>
                </div>
                <div class="about-us-detail">
                    <img class="detail-image"src="images/Eric%20Shuai.jpg">
                    <div class="detail-message">
                        <h3>帅正宇</h3>
                        <p>前端</p>
                    </div>
                </div>
                <div class="about-us-detail">
                    <img class="detail-image"src="images/Ethan.jpg">
                    <div class="detail-message">
                        <h3>冯伟豪</h3>
                        <p>前端</p>
                    </div>
                </div>
                <div class="about-us-detail">
                    <img class="detail-image"src="images/Zhang%20Wenqiang.jpg">
                    <div class="detail-message">
                        <h3>张文强</h3>
                        <p>后端</p>
                    </div>
                </div>
                <div class="about-us-detail">
                    <img class="detail-image"src="images/Biabia.jpg">
                    <div class="detail-message">
                        <h3>吴佳天</h3>
                        <p>前端</p>
                    </div>
                </div>
            </div>
        </div>
        <div id="contact-title">
            <h1>联系我们</h1>
            <div id="contact-contant">
                    上海立达学院16级计算机1
                    <br>
                    QQ：374306823
            </div>
        </div>
    </div>
</div>
    <div id="footer" align="center">
        <p style="font-size: 13px; color: lightgray;">
            © 2018 Qweas Bookstore, Zhang Wenqiang, Wu Jiatian, Ethan Phung, Andrew Lu and Eric Shuai. All rights reserved.</p>
    </div>
</body>
</html>
